import React from "react";
import { Icon, Divider } from "antd";
import style from "./index.module.scss";

interface IProps {
  setting: any;
}
export const Footer: React.FC<IProps> = ({ setting }) => {
  return (
    <footer>
      <div className={style.icons}>
        <a href="https://github.com/Owner-X">
          <Icon className={style.icon} type="github" />
        </a>
        <a href="/rss" target="_blank">
          <Icon
            className={style.icon}
            component={() => {
              return (
                <svg
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="7023"
                  width="200"
                  height="200"
                >
                  <path
                    d="M512.328704 5.285888c-279.995392 0-507.005952 227.01056-507.005952 507.005952 0 279.989248 227.01056 506.999808 507.005952 506.999808 279.989248 0 506.999808-227.01056 506.999808-506.999808C1019.328512 232.233984 792.317952 5.285888 512.328704 5.285888L512.328704 5.285888zM278.790144 827.644928c-45.572096 0-82.579456-36.75648-82.579456-82.260992 0-45.252608 37.00736-82.453504 82.579456-82.453504 45.691904 0 82.6368 37.200896 82.700288 82.453504C361.490432 790.888448 324.545536 827.644928 278.790144 827.644928L278.790144 827.644928zM486.281216 828.403712c0-77.758464-30.234624-150.832128-84.988928-205.522944-54.757376-54.884352-127.57504-85.175296-204.957696-85.175296l0-118.89664c225.682432 0 409.407488 183.727104 409.407488 409.595904L486.281216 828.404736 486.281216 828.403712zM697.253888 828.342272c0-276.440064-224.6656-501.362688-500.79232-501.362688L196.461568 208.08704c341.851136 0 620.064768 278.345728 620.064768 620.254208L697.253888 828.341248 697.253888 828.342272zM697.253888 828.342272"
                    p-id="7024"
                    fill="currentColor"
                  ></path>
                </svg>
              );
            }}
          />
        </a>
      </div>
      <div
        className={style.content}
        dangerouslySetInnerHTML={{
          __html: setting?.systemFooterInfo,
        }}
      ></div>
    </footer>
  );
};
